<header>
    <div class="header center">
        <div class="one">
            <img src="assets/img/f.png">
            <img src="assets/img/n.png">
            <img src="assets/img/g.png">
            <img src="assets/img/q.png">
            <img src="assets/img/x.png">
        </div>
        <div class="two">
            <div class="two1"><img src="assets/img/xin.png"><span>ContacUst@Gmail.com</span></div>
            <div class="two2"><img src="assets/img/phone.png"><span>80888887</span></div>
        </div>
    </div>
</header>
<div class="navs">
    <div class="center">
        <img src="assets/img/logo2.png">
        <nav>
            <div class="nav">
                <ul>
                    <li><a th:href="index" class="current">HOMRE</a></li>
                    <li><a th:href="blog" class="current">BLOG</a></li>
                    <li><a th:href="about" class="current">ABOUT US</a></li>
                    <li><a th:href="contact" class="current">CONTACT</a></li>
                </ul>
            </div>
        </nav>
    </div>
</div><!--navs-->
<div class="banner">
    <div class="font">
        <h1>SEE THE WORD DIFFERENTLY</h1>
        <p>Request,design and book travel experiences as unique as you are</p>
    </div>
    <div class="forms">
        <div class="form">
            <input type="text" v-model="name" id="searchContent" placeholder="Where are you going?"/>
            <button onclick="searchClick()">Search</button>
        </div>
    </div>
    <div class="fontP"><p>TOP DESTINATION :PARISNEW YORKLONDONROMESAN FRANCISCOMORE...</p></div>
</div><!--banner-->
<script type="text/javascript">
    function searchClick(){
        // debugger

        // console.log($("#searchContent").val());
        window.location.href = "pub_head?searchKey=" + $("#searchContent").val();

    }

</script>